<gm:page title="India Latest News" authenticate="false" css="/css/g.css" class="googleTheme">

    <!--
       The mashup application demonstrates taking a external RSS feed with geo-location
       information and mapping it on a Google Map. Interaction between a list and a map
       is also demonstrated via the handleEvent tag.
       @author: GME Team
    -->


  <div class="gm-app-header">
    <table width="96%">
      <tr>
        <td align="center"><h1>India Latest News</h1>
          <p align="right"><small>Developed By: Nishant<small>
        </td>
      </tr>
    </table>
  </div>

  <table width="96%">
    <tr valign="top">
      <td width="30%">
        <gm:list id="myList" data="http://ws.geonames.org/rssToGeoRSS?feedUrl=http://newsrss.bbc.co.uk/rss/newsonline_world_edition/asia-pacific/rss.xml" pagesize="20">
          <gm:handleEvent src="myMap" event="select"/>
        </gm:list>
      </td>
      <td class="mainPanel" width="70%">
        <gm:map id="myMap" height="800px" data="${myList}" lat="23" lng="81" zoom="5" maptypes="true" create="true" latref="geo:lat" lngref="geo:long" infotemplate="detailTemplate">
          <gm:handleEvent src="myList" event="select"/>
        </gm:map>
      </td>
    </tr>    
  </table>

  <gm:template id="detailTemplate">
    <div repeat="true">
      <b><gm:text ref="atom:summary"/></b><br/>
      <gm:text ref="geo:lat"/><br/>
      <gm:text ref="geo:long"/>
    </div>
  </gm:template>

<div>More coming soon!</div>

</gm:page>















